<template>
  <el-row :gutter="10" class="top-view">
      <el-col :span="6">
          <today-sales />
      </el-col>
      <el-col :span="6">
          <today-orders />
      </el-col>
      <el-col :span="6">
          <today-users />
      </el-col>
      <el-col :span="6">
          <total-users />
      </el-col>
  </el-row>
</template>

<script>
import TodaySales from "./components/TodaySales.vue"
import TodayOrders from './components/TodayOrders'
import TodayUsers from "./components/todayUsers"
import TotalUsers from "./components/TotalUsers"
export default {
name:"TopView",
components: {
    TodaySales,
    TodayOrders,
    TodayUsers,
    TotalUsers,
}
}
</script>

<style lang="scss">
.top-view {
    .emphasis {
        font-size: 12px;
        font-weight: 700;
        margin:0 5px;
        color: #333;
    }
    .increment {
        width: 0;
        height: 0;
        border-width: 5px;
        border-color: transparent transparent green transparent;
        border-style: solid
    }
    .decrement {
        width: 0;
        height: 0;
        border-width: 5px;
        border-color: red transparent transparent  transparent;
        border-style: solid
    }
}

</style>